/* CSS Document */

.ruler h2 {font-size:1.2rem;border-left:.5rem solid #F33;line-height:1;margin:1rem 0;padding-left:1rem;}
.ruler p {font-size:1rem;position:relative;padding-left:1.5rem;word-wrap:break-word;white-space:normal;word-break:break-all;margin:.5rem 0;}
.ruler p:before {content:attr(data-index);font-size:inherit;position:absolute;left:0;top:0;}

/*iP5*/
@media screen and (min-width:0) and (max-width:320px) {
.ruler h2 {font-size:1rem;}
}
/*iP6*/
@media screen and (min-width:321px) and (max-width:375px) {
.ruler h2 {font-size:1.1rem;}
}
/*6P*/
@media screen and (min-width:376px) and (max-width:414px) {

}
